<div class="bg-white shadow rounded-lg mb-4">
    <div class="flex flex-row font-bold p-2">
        <p>版块</p>
    </div>
    <div class="flex flex-wrap border-t px-4 pt-2">
        <a href="#" class="bg-gray-400 rounded-full text-xs px-4 py-1 mr-2 mb-2 hover:text-white hover:bg-gray-900">go</a>
        <a href="#" class="bg-gray-400 rounded-full text-xs px-4 py-1 mr-2 mb-2 hover:text-white hover:bg-gray-900">golang</a>
        <a href="#" class="bg-gray-400 rounded-full text-xs px-4 py-1 mr-2 mb-2 hover:text-white hover:bg-gray-900">goframe</a>
        <a href="#" class="bg-gray-400 rounded-full text-xs px-4 py-1 mr-2 mb-2 hover:text-white hover:bg-gray-900">java</a>
        <a href="#" class="bg-gray-400 rounded-full text-xs px-4 py-1 mr-2 mb-2 hover:text-white hover:bg-gray-900">php</a>
        <a href="#" class="bg-gray-400 rounded-full text-xs px-4 py-1 mr-2 mb-2 hover:text-white hover:bg-gray-900">vue</a>
    </div>
</div>

<div class="bg-white shadow rounded-lg mb-4">
    <div class="flex flex-row font-bold p-2">
        <p>友情链接</p>
    </div>
    <div class="flex flex-col">
        <ul>
            <li>
                <a href="#"
                   class="flex px-4 py-2 border-t hover:bg-gray-900 hover:text-white text-sm">官网</a>
            </li>
            <li>
                <a href="#"
                   class="flex px-4 py-2 border-t hover:bg-gray-900 hover:text-white text-sm">官网</a>
            </li>
            <li>
                <a href="#"
                   class="flex px-4 py-2 border-t hover:bg-gray-900 hover:text-white text-sm">官网</a>
            </li>
            <li>
                <a href="#"
                   class="flex px-4 py-2 border-t hover:bg-gray-900 hover:text-white text-sm">官网</a>
            </li>
        </ul>
    </div>
</div>
